body{
	margin: 0px;
	padding: 0px;
}

.hidden[ui-type]{
	display: none;
}

.toolbar{
	position: fixed;
	width: 200px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.3);
}

[ui-type]{
	/*overflow: hidden;*/
	/*background-color: #aaa;*/
	background-color: rgba(0,0,0,0.1);
}

.edit, .toolbar{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}



[ui-type]{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}
[ui-type="image"]{
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
[ui-type="toolkit"]{
	/*border: 1px solid #000;*/
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	width: 200px;
	height: 200px;
	background-color: rgba(0,0,0,0.9);
	z-index: 99999;
}
[ui-type="resize"]{
	width: 20px;
	height: 20px;
	right: -10px;
	bottom: -10px;
	left: auto;
	top: auto;
	background-color: rgba(0,0,0,0.5);
	display: none;
}
[ui-type="move"]{
	width: auto;
	height: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,0,0.0);
	border: 5px solid rgba(0,0,0,0.0);
	display: none;
}
.active[ui-type]{
	/*z-index: 99999;*/
}
.active [ui-type="move"]{
	background-color: rgba(255,255,0,0.0);
	border: 5px solid rgba(255,255,255,1);
	display: inherit;
}
.active [ui-type="resize"]{
	display: inherit;
}
.runtime[ui-type]{
	opacity: 1;
}

[ui-type]:hover > [ui-type="move"]{
	background-color: rgba(255,255,0,0.0);
	/*border: 5px solid rgba(0,0,0,0.3);*/
	border: 5px solid rgba(255,255,255,1);
	display: inherit;
}
[ui-type]:hover > [ui-type="resize"]{
	display: inherit;
}



